<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>北大青鸟课程导航</title>
		<style>
			ul{
				padding: 5px;
				margin: 5px;
			}
			h1{
				color: #3A6587;
			}
			
			div{
				border:1px solid skyblue;
				background:#F0F8FF;
				width: 200PX;
				height: 295PX;
				margin: 0px auto;
			}
			li{
				list-style: none;
				background:url(submenu.gif) 20px no-repeat;
			    border-top-style: solid;
				border-top-color:cornflowerblue;
				border-top-width:1px;
				
			}
			li:hover{
					text-decoration: underline;
					color: red;
				}
				
			</style>
	</head>
	<body>
		<div>
		<ul>
			<h1><img src="title_icon.gif"/>课程导航</h1>
			<li> ACCP 软件工程师</li>
			<li> BTEST 软件测试工程师</li>
			<li> BENET 网络工程师</li>
			<li> JBNS 网站工程师</li>
			<li> ACCP 启蒙星</li>
			<li> ANDROID 软件工程师</li>
			<li> JAVA 软件工程师</li>
			<li> .NET 软件工程师</li>
			<li> 网络营销</li>
		</ul>
		</div>
		</body>
</html>
